<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>4</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="black" name="apple-mobile-web-app-status-bar-style">
  <meta content="telephone=no" name="format-detection">
  <link rel="stylesheet" href="css/css.css" type="text/css">
  <link rel="stylesheet" href="css/base.css" type="text/css">
</head>
<body>
  <header>
    <div class="wrap">
      <div class="store fl">
        <span>门店：</span>
        <em>漕河泾店</em>
      </div>
      <div class="username fl">
        <span>用户名：</span>
        <em>admin</em>
      </div>
      <!-- *em标签里需控制字数 -->
      <div class="clear"></div>
    </div>
  </header>
  <div class="mainWrap">
    <div class="searchStoreBox searchNotesBox">
     <div class="searchMainWrap">
       <ul>
         <li>
           <div class="wrap">
             <i class="city"></i>
             <span>所在城市：</span>
             <div class="txtWrap short">
               <input type="text" class="items" placeholder="默认上海地区" />
             </div>
           </div>
         </li>
         <li>
           <div class="wrap">
             <i></i>
             <span>所在区县：</span>
             <div class="txtWrap short">
               <input type="text" class="items" placeholder="默认全部区县" />
             </div>
           </div>
         </li>
         <li>
           <div class="wrap">
             <i class="clock"></i>
             <span>时间：</span>
             <div class="txtWrap">
               <table>
                 <tbody>
                   <tr>
                     <td>
                      <div class="w">
                       <input type="text" class="date" placeholder="请选择时间段" /></div>
                     </td>
                     <td>&nbsp;&nbsp;至&nbsp;&nbsp;</td>
                     <td>
                      <div class="w">
                       <input type="text" class="date" /></div>
                     </td>
                   </tr>
                 </tbody>
               </table>
             </div>
           </div>
         </li>
       </ul>
     </div> 
     <div class="btnWrap">
       <input type="button" value="点击查询" class="btn_green" />
     </div>
    </div>
  </div>
  <nav>
    <ul class="two">
      <li class="cur">
        <div class="wrap">
          <i class="check"></i>
          <p>交易查询</p>
        </div>
      </li>
      <li><!-- 添加cur时高亮 -->
        <div class="wrap">
          <i class="more"></i>
          <p>更多</p>
        </div>
      </li>
    </ul>
  </nav>
</body>
</html>